<template>
	<view class="header">
		<!-- <u--input v-model="keywords" placeholder="搜你想搜，看你想看" prefixIcon="search" prefixIconStyle="font-size: 22px;color: #909399" clearable @confirm="handleConfirm"></u--input> -->
	</view>
</template>

<script>
	export default {
		props: {
			value: {
				type: String,
				default: ''
			}
		},
		data() {
			return {
				keywords: this.value,
			}
		},
		methods: {
			handleConfirm() {
				this.$emit('change', this.keywords);
			}
		}
	}
</script>

<style lang="scss" scoped>
	.header {
		// padding: 20rpx;
		background-color: #fff;
		border-radius: 8rpx;
	}
</style>